<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/jquery-3.2.1.min.js"></script>
		<script>
			$(function(){
				$("ul li:even:not(#usa)").css("background-color","blue");
				$("div:contains(js)").css({"border":"20px groove blue","width":"290px","background":"yellow"});
				$("div:has(a)").attr("align","center").css({"border":"5px groove blue","width":"290px","background":"yellow"});;
				$("div:parent").css({"border":"20px groove blue","width":"290px","background":"yellow"});
			
			$("#hidAll").click(function(){
				
				$(":visible").hide();
				//$(":not(#hidAll)").hide();
				$("#hidAll").show();//??????
			});
			});
		</script>
	</head>
	<body>
		<h1>喜欢谁？</h1>
		<ul id="star">
			<li>刘德华</li>
			<li>范冰冰</li>
			<li>葛优</li>
			<li>周杰伦</li>
			<li>张学友</li>
			<li>丁玉锁</li>
			<li>黎明</li>
			<li>郭富城</li>
			<li id="usa">Taylor swift</li>
		</ul>
		<div style="border: 1px solid red; height: 400px;"></div>
		<div>java
		<a href="http://www.jvaa.com">java官网</a>
		</div>
		<div>
			<span>accp</span>
		</div>
		<div>node js</div>
		
		<input type="button"  value="隐藏全部" id="hidAll" />
		<!--
		<input type="button"  value="显示全部" id="showAll" />-->
	</body>
</html>
